/* 上边距为20px的工具类 */
.mt-4 {
    margin-top: 20px;
}

/* 下边距为15px的工具类 */
.mb-3 {
    margin-bottom: 15px;
}

/* 搜索条件的上下外边距 */
.search-condition {
    margin-top: 20px;
    margin-bottom: 15px;
}

/* 添加条件按钮与搜索条件上边距对齐 */
#addCondition {
    margin-top: 20px;
}

/* 如果添加按钮需要左边距来水平对齐，可以添加此规则 */
#addCondition {
    margin-left: 10px;
}

/* 可以为所有表单控件添加统一的左右外边距 */
.form-select,
.form-control,
.form-check-input,
.form-check.form-switch {
    margin-right: 10px;
    margin-left: 10px;
}

#remote-access {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    text-align: center;
    margin: auto; /* 居中容器 */
    width: 100%;
}

#qr-code-container {
    margin-bottom: 20px;
    display: flex; /* 应用 flex 布局 */
    justify-content: center; /* 水平居中 */
}

#access-url {
    font-size: 16px;
}

